<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Chat</title>
    <link rel="stylesheet" href="css/style.css"/>

</head>
<body>
<div id="content">
    <div id="room"></div>
    <div id="room-list"></div>
    <div id="messages"></div>

    <form id="send-form">
        <input id="send-message"/>
        <input id="send-button" type="submit" value="Send"/>

        <div id="help">
            Chat commands:
            <ul>
                <li>Change nickname: <code>/nick [username]</code></li>
                <li>Join/create room: <code>/join [room name]</code></li>
            </ul>
        </div>

    </form>
</div>

<script src="/socket.io/socket.io.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.11.0.min.js" type="text/javascript"></script>

<script src="js/chat.js" type="text/javascript"></script>
<script src="js/chat_ui.js" type="text/javascript"></script>

</body>
</html>